<template>
  <div>
    <h1>role</h1>
    <router-link to="/index/role/add">
      <el-button type="primary">
        <i class="el-icon-circle-plus-outline"></i>添加
      </el-button>
    </router-link>
    <h3>
      添加角色和修改角色是同一个组件！！！<br><br>
      两个不同的路由对应同一个组件，根据路由的情况区分是添加还是新增
    </h3>
  </div>
</template>
<script>
import {getRole} from '../request/index' 
export default {
  name: 'role',
  data() {
    return {
      
    }
  },
  created() {
    // this.getRole()
  },
  methods: {
    async getRole() {
      let res = await getRole();
      console.log(res)
    }
  },
}
</script>
<style lang="">
  
</style>